<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <header>
        <div class="top">
           <div class="container">
                <div class="t-lf">
                    <a href="javascript:void(0)">better</a>
                </div>
                <div class="t-rg">
                    <ul>
                        <li><a href="javascript:void(0)">首页</a></li><i></i>
                        <li><a href="javascript:void(0)">产品中心</a></li>
                        <li><a href="javascript:void(0)">企业新闻</a></li>
                        <li><a href="javascript:void(0)">联系我们</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="bottom">
            <img src="./img/b02.jpg" alt="">
        </div>
    </header>
    <main>
        <div class="container">
            <div class="w-left">
                <div class="lf1">
                    <img src="./img/1.png" alt="">
                    <ul>
                        <p>Oculus 联合创始人黯然离场，是被小米前高管“挤出”了</p>
                        <span>2018-06-16</span>
                    </ul>
                </div>
                <div class="lf2">
                    <img src="./img/2.png" alt="">
                    <ul>
                        <p>华为营收5216亿元，同比增长32%，顺便卖了1.39亿部手机</p>
                        <span>2018-06-16</span>
                    </ul>
                </div>
                <div class="lf3">
                    <img src="./img/3.png" alt="">
                    <ul>
                        <p>车与出行百度申请在北京路试无人车，但这并不意味着无人车未</p>
                        <span>2018-06-16</span>
                    </ul>
                </div>
                <div class="lf4">
                    <img src="./img/4.png" alt="">
                    <ul>
                        <p>20分钟没了300亿，最大港股塌方背后疑点重重</p>
                        <span>2018-06-16</span>
                    </ul>
                </div>
                <div class="lf5">
                    <img src="./img/5.png" alt="">
                    <ul>
                        <p>礼物说裁员引争议，触宝CEO王佳梁：别把粗暴裁员当个性</p>
                        <span>2018-06-16</span>
                    </ul>
                </div>
                <div class="lf6">
                    <img src="./img/6.png" alt="">
                    <ul>
                        <p>下线聊天文件功能，微信这是闷声作大死？</p>
                        <span>2018-06-16</span>
                    </ul>
                </div>
            </div>
            <div class="w-right">
                <div class="rg-top">
                    <ul>
                        <a href="javascript:void(0)">better</a>
                        <h2>天猫总裁靖捷：线上线下全面打通天猫将整体升级</h2>
                        <p>“真正新零售的未来场景都在天猫上。新零售正在全面爆发，未来的手机天猫App将从满足需求进入到创造需求的阶段，线下百万雄狮都会被数字化。”靖捷说。</p>
                    </ul>
                </div>
                <div class="rg-bottom">
                    <div class="b-t">
                        <h2>产品列表展示</h2>
                    </div>
                    <div class="b-c">
                        <div class="c1">
                            <ul>
                                <img src="img/images/1_03.png" alt="">
                                <p>韩版高腰半身裙夏中长款a字裙子女流苏毛边</p>
                                <a href="">￥89</a>
                            </ul>
                        </div>
                        <div class="c2">
                            <ul>
                                <img src="img/images/2_03.png" alt="">
                                <p>韩版女装夏装牛仔A字裙子</p>
                                <a href="">￥89</a>
                            </ul>
                        </div>
                        <div class="c3">
                            <ul>
                                <img src="img/images/3_03.png" alt="">
                                <p>女装夏装新款显瘦A字裙裤短裤牛仔裤</p>
                                <a href="">￥129</a>
                            </ul>
                        </div>
                        <div class="c4">
                            <ul>
                                <img src="img/images/4_03.png" alt="">
                                <p>显瘦牛仔裙半身裙短新款潮裙女夏韩版学生高腰a字裙</p>
                                <a href="">￥79</a>
                            </ul>
                        </div>
                    </div>
                    <div class="b-b">
                        <div class="b1">
                            <ul>
                                <img src="img/images/5_03.png" alt="">
                                <p>收腰牛仔连衣裙a字牛仔裙女学生短裙裙子</p>
                                <a href="">￥339</a>
                            </ul>
                        </div>
                        <div class="b2">
                            <ul>
                                <img src="img/images/6_03.png" alt="">
                                <p>修身长袖牛仔连衣裙女</p>
                                <a href="">￥338</a>
                            </ul>
                        </div>
                        <div class="b3">
                            <ul>
                                <img src="img/images/7_03.png" alt="">
                                <p>瘦高腰牛仔半身裙夏a字</p>
                                <a href="">￥158</a>
                            </ul>
                        </div>
                        <div class="b4">
                            <ul>
                                <img src="img/images/8_03.png" alt="">
                                <p>中长款竖条纹半身裙百搭宽松中长裙A字裙</p>
                                <a href="">￥399</a>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
    <footer>
        <div class="container">
            <p>&copy; 2018 版权所有 better</p>
        </div>
    </footer>
</body>
</html>